<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" ng-app lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" ng-app="logging" lang="en" > <!--<![endif]-->

<head>
	<meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />
  <title>Ruby Logging</title>

  <link rel="stylesheet" href="css/foundation.css"/>
  <link rel="stylesheet" href="css/logs.css"/>
  <script src="js/vendor/custom.modernizr.js"></script>

</head>
<body>
  <header>
    <div class="row">
      <div class="twelve columns">
        <h2>Logs</h2>
        <h4>Services status</h4>
      </div>
    </div>
  </header>
  <div class="row" ng-controller='LogCtrl'>
    <div class="twelve columns">
      <ul class="small-block-grid-4">
        <li ng-repeat="service in services">
          <div class="app" rb-status="{{service.status.type}}">
            <div class="title">
              <h1>{{service.displayName}}</h1>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>

  <script>
    document.write('<script src=' +
    ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
    '.js><\/script>')
  </script>
  
  <script src="js/foundation.min.js"></script>
  <script src="js/jquery-1.6.4.min.js"></script>
  <script src="js/jquery.signalR-1.1.0.min.js"></script>
  <script src="js/angular.min.js"></script>
  <script src="js/angular-resource.min.js"></script>
  <script src="js/logs.js"></script>
  <!--
  
  <script src="js/foundation/foundation.js"></script>
  
  <script src="js/foundation/foundation.alerts.js"></script>
  
  <script src="js/foundation/foundation.clearing.js"></script>
  
  <script src="js/foundation/foundation.cookie.js"></script>
  
  <script src="js/foundation/foundation.dropdown.js"></script>
  
  <script src="js/foundation/foundation.forms.js"></script>
  
  <script src="js/foundation/foundation.joyride.js"></script>
  
  <script src="js/foundation/foundation.magellan.js"></script>
  
  <script src="js/foundation/foundation.orbit.js"></script>
  
  <script src="js/foundation/foundation.placeholder.js"></script>
  
  <script src="js/foundation/foundation.reveal.js"></script>
  
  <script src="js/foundation/foundation.section.js"></script>
  
  <script src="js/foundation/foundation.tooltips.js"></script>
  
  <script src="js/foundation/foundation.topbar.js"></script>
  
  -->
</body>
</html>
